<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
	<title>有薪假期</title>
	<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
	<link rel="stylesheet" href="./dist/css/vendor/bootstrap-datetimepicker.css">
	<link rel="stylesheet" href="./dist/css/common.css">
	<link rel="stylesheet" href="./dist/css/base/publicnav.css">
	<link rel="stylesheet" href="./dist/css/base/holiday.css">
	<script type="text/javascript" charset="UTF-8" src="./dist/js/framework/jquery.min.js"></script>
	<script type="text/javascript" charset="UTF-8" src="./dist/js/framework/bootstrap.min.js"></script>
	<script type="text/javascript" charset="UTF-8" src="./dist/js/framework/bootstrap-datetimepicker.js"></script>
	<script type="text/javascript" charset="UTF-8" src="./dist/js/framework/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript" charset="UTF-8" src="./dist/js/common.js"></script>
</head>
<body>
	<div class="leftpanel">
		<div class="leftpanelinner">
			<div class="ois_logo"><a href="./index.html">OIS-HR</a></div>
			<ul class="nav nav-pills nav-stacked nav-left">
				<li role="presentation" class="active"><a href="./holiday.html">有薪假期</a></li>
				<li role="presentation"><a href="#">物品申领</a></li>
				<li role="presentation"><a href="#">会议申请</a></li>
				<li role="presentation">
					<a data-toggle="collapse" data-parent="#accordion"
					   data-target="#collapseOne" class="collapseOne">系统管理<span class="glyphicon glyphicon-plus"></span>
					</a>
					<ul id="collapseOne" class="panel-collapse collapse in">
						<li><a href="#"><span class="glyphicon glyphicon-triangle-right"></span>权限管理</a></li>
						<li><a href="#"><span class="glyphicon glyphicon-triangle-right"></span>账号管理</a></li>
						<li><a href="#"><span class="glyphicon glyphicon-triangle-right"></span>系统日志</a></li>
					</ul>

				</li>
				<li role="presentation"><a href="#">公司公告</a></li>

			</ul>
		</div>
	</div>
	<div class="mainpanel">
		<div class="headerbar clearfix">
			<ul class="breadcrumb pull-left">
				<span>当前位置：</span>
				<li><a href="./index.html">首页</a></li>
				<li class="active">有薪假期</li>
			</ul>
			<div class="per_c">
				<div class="person-msg pull-right">
					<img src="../../res/images/snow_man.jpg">
				</div>
				<dl class="person-centre" style="display: none;">
					<dt>你好!大雪人</dt>
					<dd><a href="#">账号安全</a></dd>
					<dd><a href="#">修改资料</a></dd>
					<dd><a href="#">我的头像</a></dd>
					<dd><a href="#">我的申请</a></dd>
					<dd><a href="#">账号退出</a></dd>
				</dl>
			</div>
		</div>

		<div class="contentpanel">
			<form class="form-inline clearfix">
				<nav class="inline-form">
					<div class="col-lg-3">
						<div class="input-group">
							<div class="input-group-btn css-select">
								<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" aria-expanded="false">
									<span class="chose">申请部门</span>
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">研发部</a></li>
									<li><a href="#">客服部</a></li>
									<li><a href="#">销售部</a></li>
									<li><a href="#">人事部</a></li>
								</ul>
							</div><!-- /btn-group -->
						</div><!-- /input-group -->
					</div><!-- /.col-lg-3 -->
					<div class="col-lg-3">
						<div class="input-group">
							<div class="input-group-btn css-select">
								<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" aria-expanded="false">
									<span class="chose">审批人</span>
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">审批人</a></li>
									<li><a href="#">申请人</a></li>
								</ul>
							</div><!-- /btn-group -->
							<input type="text" class="form-control" aria-label="">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-3 -->
					<div class="col-lg-3">
						<div class="input-group">
							<div class="input-group-btn css-select">
								<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" aria-expanded="false">
									<span class="chose">请假类型</span>
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">心情假</a></li>
									<li><a href="#">健康假</a></li>
									<li><a href="#">婚假</a></li>
								</ul>
							</div><!-- /btn-group -->
						</div><!-- /input-group -->
					</div><!-- /.col-lg-3 -->
					<div class="col-lg-3">
						<div class="input-group">
							<div class="input-group-btn css-select">
								<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" aria-expanded="false">
									<span class="chose">申请状态</span>
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">申请中</a></li>
									<li><a href="#">同意申请</a></li>
									<li><a href="#">拒绝申请</a></li>
									<li><a href="#">取消申请</a></li>
								</ul>
							</div><!-- /btn-group -->
						</div><!-- /input-group -->
					</div><!-- /.col-lg-3 -->
					<div class="col-lg-3 form-group">
						<div class="input-group">
							<div class="input-group-btn css-select">
								<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" aria-expanded="false">
									<span class="chose">审批时间</span>
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">审批时间</a></li>
									<li><a href="#">申请时间</a></li>
								</ul>
							</div><!-- /btn-group -->
							<input type="text" class="form-control form_date_start" aria-label="" placeholder="开始时间">
							<span class="input-group-addon">-</span>
							<input type="text" class="form-control form_date_end" aria-label="" placeholder="结束时间">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-3 -->
					<button type="button" class="btn btn-info" style="margin-top: 6px;">搜索</button>
				</nav>
				<table class="table table-responsive table-hover text-center">
					<thead>
					<tr>
						<th width="115px">申请部门</th>
						<th width="115px">申请人</th>
						<th>申请事由</th>
						<th width="80px">假期类型</th>
						<th width="100px">申请时间</th>
						<th width="80px">申请状态</th>
						<th width="80px">审批人</th>
						<th width="100px">审批时间</th>
						<th>操作</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td>研发部</td>
						<td>老鹰</td>
						<td>单身狗心情不好</td>
						<td>心情假</td>
						<td>2017-2-14</td>
						<td>申请中</td>
						<td>小狗</td>
						<td>2017-5-20</td>
						<td>
							<button type="button" class="btn btn-primary">编辑</button>
							<button type="button" class="btn btn-primary btn-danger">删除</button>
						</td>
					</tr>
					<tr>
						<td>研发部</td>
						<td>老鹰</td>
						<td>单身狗心情不好</td>
						<td>心情假</td>
						<td>2017-2-14</td>
						<td>申请中</td>
						<td>小狗</td>
						<td>2017-5-20</td>
						<td>
							<button type="button" class="btn btn-primary">编辑</button>
							<button type="button" class="btn btn-primary btn-danger">删除</button>
						</td>
					</tr>
					<tr>
						<td>研发部</td>
						<td>老鹰</td>
						<td>单身狗心情不好</td>
						<td>心情假</td>
						<td>2017-2-14</td>
						<td>申请中</td>
						<td>小狗</td>
						<td>2017-5-20</td>
						<td>
							<button type="button" class="btn btn-primary">编辑</button>
							<button type="button" class="btn btn-primary btn-danger">删除</button>
						</td>
					</tr>
					</tbody>
				</table>
			</form>
		</div>
	</div>

</body>
</html>